<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!-- 引入 css -->
    <link href="/admin/plugin/wangEditor/style.css" rel="stylesheet">
    <!-- 引入 js -->
    <script src="/admin/plugin/wangEditor/index.js"></script>

    <!--引入 element-ui 的样式，-->
    <link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
    <!-- 必须先引入vue，  后使用element-ui -->
    <script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
    <!-- 引入element 的组件库-->
    <script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>

    <script type="text/javascript" src="/admin/plugin/element-ui/httpVueLoader.js"></script>

    <script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1"></script>



    <!--    引入Layui组件-->
    <link rel="stylesheet" href="/admin/plugin/layui/dist/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"  media="all">
    <script src="/admin/plugin/layui/dist/layui.js" charset="utf-8"></script>

    <link rel="stylesheet" href="/admin/js-css/css/pageLR.css">
    <link rel="stylesheet" href="/admin/js-css/css/backColor.css" media="all">


</head>
<body>
    <div id="app">
        <el-tabs v-model="activeName" @tab-click="handleClick" >
            <el-tab-pane label="小区待设置" name="0"  >
                <div>
                    <iframe :src="src0" frameborder="0" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>

            <el-tab-pane label="大楼待设置" name="1"  >
                <div>
                    <iframe :src="src1" frameborder="0" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>
            <el-tab-pane label="房间待设置" name="2"  >
                <div>
                    <iframe :src="src2" frameborder="0" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>

            <el-tab-pane label="已设置" name="3"  >
                <div>
                    <iframe :src="src3" frameborder="0" style="scrollbar-width: none;" width="100%" :height="iframeHeight"></iframe>
                </div>
            </el-tab-pane>

        </el-tabs>
    </div>
</body>

<script>
    var vm = new Vue({
        el:"#app",
        data:{
            activeName:"0",
            searchParmsData:{},
            src0:"",
            src1:"",
            src2:"",
            src3:"",
            iframeHeight:0,
        },
        created(){
            this.iframeHeight = top.document.body.clientHeight - 220;
            this.searchParmsData = getParams();
            this.init();
        },
        methods:{
            init(){
                top.data.tableId = getTableId("956");
                this.src0 = "/admin/html/dataManagement/list.html?v="+guid();
            },
            handleClick(){
                if(this.activeName == "0"){
                    top.data.tableId = getTableId("956");
                    this.src0 = "/admin/html/dataManagement/list.html?v="+guid();
                }else if(this.activeName == "1"){
                    top.data.tableId = getTableId("957");
                    this.src1 = "/admin/html/dataManagement/list.html?v="+guid();
                }else if(this.activeName == "2"){
                    top.data.tableId = getTableId("958");
                    this.src2 = "/admin/html/dataManagement/list.html?v="+guid();
                }else if(this.activeName == "3"){
                    top.data.tableId = getTableId("964");
                    this.src3 = "/admin/html/dataManagement/list.html?v="+guid();
                }

            }
        }
    });
</script>
</html>